<!doctype html>
<html  class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>后台登录</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" href="/css/font.css">
	<link rel="stylesheet" href="/css/login.css">
	<link rel="stylesheet" href="/css/xadmin.css">
	<script src="/js/vue.js"></script>
	<script src="/js/axios.js"></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="/lib/layui/layui.js" charset="utf-8"></script>
	<!--[if lt IE 9]>
	<script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.js"></script>
	<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up" id="app">
	<div class="message">后台管理登录</div>
	<div id="darkbannerwrap"></div>

	<form method="post" class="layui-form" >
		<input name="username" placeholder="用户名"  v-model="username"  type="text" lay-verify="required" class="layui-input" >
		<hr class="hr15">
		<input name="password" lay-verify="required" v-model="password"  placeholder="密码"  type="password" class="layui-input">
		<hr class="hr15">
		<input value="登录" style="width:100%;"  @click="login()" type="submit">
		<hr class="hr20" >
		<span>{{msg}}</span>
	</form>
</div>

<script>
	$(function  () {
		/*ayui.use('form', function(){
			var form = layui.form;
			//监听提交
			form.on('submit(login)', function(data){
				// alert(888)
				layer.msg(JSON.stringify(data.field),function(){
					location.href='index.html'
				});
				return false;
			});
		});*/
	});

	var app = new Vue({
		el:"#app",
		data:{
			username:"",
			password:"",
			msg:"测试"
		},
		methods:{
			login:function () {
				/*app.msg="正在登录";
				axios.post("/oauth/login?username="+app.username+"&password="+app.password).then(function (response) {
					if (response.data == "0"){
						app.msg="登录成功";
						alert(JSON.stringify(response));
						layer.alert('登录成功', function(){
							   //关闭后的操作

							  });
					} else{
						app.msg="登录失败";
						layer.msg('登录失败', function(){
							//关闭后的操作
						});
					}
				})*/
				$.ajax({
					url:"/api/oauth/login",
					data:{"username":app.username ,"password": app.password},
					success:function (data) {
						alert(JSON.stringify(data));
						debugger;
						if (data.code == "0"){
							app.msg="登录成功";

							layer.alert('登录成功', function(){
								//关闭后的操作

							});
						} else{
							app.msg="登录失败";
							layer.msg('登录失败', function(){
								//关闭后的操作
							});
						}
					}
				})
			}
		}
	})
</script>
<!-- 底部结束 -->
<script>
	//百度统计可去掉
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
</body>
</html>
